
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>待投项目</title>
<style type="text/css">
*{	margin:0;
	padding:0;
}
div{
	
	box-sizing:border-box; 
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #000;
}
body{
	background: #f7f7f7;
}
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
 *zoom:1;/*IE/7/6*/
}
.body_top{
	margin-bottom: 30px;
	background: #fff;
}
.body_top>div{
	width: 870px;
	height: 85px;

	margin:0 auto;
	padding-top:10px; 
}
.body_top>div>p{
	font-family:"微软雅黑";
	color: #90c624;
	font-size:40px;
	font-weight:900;
	display: inline-block;
}
.body_top>div>span{
	font-size: 14px;
	color: #8f8f8f;
	float: right;
	margin-top: 20px;
}
.body_top>div>img{
	float: right;
	margin: 17px 5px;
}
.body_top>div>div{
	display: inline-block;
}
.body_top>div>div>p{
	font-weight:500;
	letter-spacing: 2px;
	font-size: 18px;
	color: #8f8f8f;
}
.body_top>div>div>.last_p{
	color: #90c624;
	font-size: 12px;
	letter-spacing: 0px;
}
.body_wrap{
	width: 870px;
	margin:0 auto;
}
.body_wrap .left{
	float: left;
	height: 630px;
}
.body_wrap .left_top{
	background: #90c624;
	width: 180px;
	height: 70px;
	color: #fff;
	padding-top: 10px;
	font-size: 20px;
	font-weight:bold;
	text-align: center;
}
.body_wrap .left_top .last_p{
	font-size: 16px;
}
.body_wrap .left_botton{
	width: 180px;
	height: 200px;
	background: #fafafa;
	font-size: 15px;
	color: #6d6d6d;
}
.body_wrap .left_botton>p{
	padding:10px 35px;
	cursor: pointer;
}
.body_wrap .left_botton>p:hover{
	background: #f0f0f0;
	border-left: 3px solid #96c720;
}
.body_wrap .right{
	width: 600px;
	float: left;
	margin-left: 50px;
}
.body_wrap .dtxm{
	border: 2px solid #bbbbbb;
	display: none;
}
.body_wrap .right_top{
	height: 45px;
	padding-left: 20px;
}
.body_wrap .right_top>p,.body_wrap .right_top>span{
	float: left;
	margin-top: 8px;
	padding: 0px 14px;
}
.body_wrap .right_top>p{
	padding: 0px 14px 7px 14px;
	cursor: pointer;
}
.body_wrap .right_top>p>span{
	font-size: 13px;
}
.body_wrap .right_top .tz{
	border-right: 3px solid #d2d2d2;
}
.body_wrap .right_top>p:hover{
	border-bottom: 3px solid #90c624;
	color: #90c624;
}
.body_wrap .same{
	padding: 0px 20px;
}
.body_wrap .same>div{
	padding-top: 15px;
	height: 85px;
	border-top: 2px dashed #bbbbbb;
}
.body_wrap .same>div button{
	padding: 2px 15px;
	background: #90c624;
	margin-top: 15px;
	border: none;
	border-radius: 5px;
	color: #fff;
}
.body_wrap .same>div>div{
	float: left;
}
.body_wrap .same>div>div h3{
	cursor: pointer;
}
.body_wrap .same>div>div a:hover{
	color: #82b221;
}
.body_wrap .same .jbxx{
	padding-top: 5px;
}
.body_wrap .same .jbxx span{
	margin-left:100px;
}
.body_wrap .same button{
	float: right;
}
.body_wrap .dtxm-fy{
	display: none;
	background: #fff;
	padding: 20px;
}
.body_wrap .dtxm-fy-xx{
	display: inline-block;
	margin: 10px 0px;
}
.body_wrap .dtxm-fy-xx p>span{
	display: inline-block;
	width: 130px;
}
.body_wrap .dtxm-fy img{
	float: right;
}
.body_wrap .lxr{
	margin-top: 30px;
}
.body_wrap .tzxm,.ytxm{
	display: none;
}
.body_wrap .tzxm>div{
	width: 190px;
	height: 140px;
	float: left;
	margin:0px 10px 10px 0px;
	background: url("../img/touzi.png");
}
.body_wrap .tzxm>div>p,.ytxm>div>p{
	text-align: center;
	display: none;
	margin-top: -60px;
	color: #fff;
	font-weight: bold;
}
.body_wrap .tzxm>div>img,.ytxm>div>img{
	width: 190px;
	height: 140px;
	display: none;
}
.body_wrap .tzxm-fy,.ytxm-fy{
	border: 3px solid #cacaca;
	padding: 20px;
	display: none;
}
.body_wrap .tzxm-fy h3,.ytxm-fy h3{
	text-align: center;
}
.body_wrap .tzxm-fy-xx,.ytxm-fy-xx{
	margin: 10px 0px;
}
.body_wrap .tzxm-fy-xx>p>span,.ytxm-fy-xx>p>span{
	display:inline-block;
	width: 130px;
}
.body_wrap .ytxm>div{
	width: 190px;
	height: 140px;
	float: left;
	margin:0px 10px 10px 0px;
	background: url("../img/ytgs.png");
}
</style>
</head>
<body>
	<div class="body_top">
		<div>
			<p>天使投资人</p>
		    <div>
			    <p>ANGEL INVERTOR</p>
			    <p class="last_p">HI BUSINESS.LET YOU BECOME A SUCCESS</p>
		    </div>
		    <img src="../img/weizhi.png">
		    <span>当前位置：<span>管理中心</span>><span>天使投资人</span></span>
		</div>
	</div>
	<div class="body_wrap">
		<div class="left">
		    <div class="left_top">
				<p>INVERTOR</p>
				<p class="last_p">天使投资人</p>
			</div>
			<div class="left_botton">
				<p>投资项目</p>
				<p>待投项目</p>
				<p>已被投项目</p>
			</div>
		</div>
		<div class="right dtxm">
			<div class="right_top">
				<span class="tz">投资</span>
				<p>全部<span>(1122)</span></p>
				<p>电子<span>(383)</span></p>
				<p>餐饮<span>(134)</span></p>
				<p>生物信息<span>(122)</span></p>
				<p>商务<span>(12)</span></p>
			</div>
			<div class="dianzi same">
				<div>
					<div>
					<h3><a href="">电子开发与应用项目1</a></h3>
				    <p class="jbxx">项目持有人：朵唯科技有限公司<span>融资金额：20万元</span></p>
				    </div>
				    <button>投资</button>
				</div>
				<div>
					<div>
					<h3><a href="">电子开发与应用项目2</a></h3>
				    <p class="jbxx">项目持有人：朵唯科技有限公司<span>融资金额：20万元</span></p>
				    </div>
				    <button>投资</button>
				</div>
			</div>
			<div class="canyin same">
				<div>
					<div>
					<h3><a href="">芭菲盛宴1</a></h3>
				    <p class="jbxx">项目持有人：朵唯科技有限公司<span>融资金额：20万元</span></p>
				    </div>
				    <button>投资</button>
				</div>
				<div>
					<div>
					<h3><a href="">芭菲盛宴2</a></h3>
				    <p class="jbxx">项目持有人：朵唯科技有限公司<span>融资金额：20万元</span></p>
				    </div>
				    <button>投资</button>
				</div>
			</div>
			<div class="shengwuxinxi same">
				<div>
					<div>
					<h3><a href="">解剖小白鼠</a></h3>
				    <p class="jbxx">项目持有人：朵唯科技有限公司<span>融资金额：20万元</span></p>
				    </div>
				    <button>投资</button>
				</div>
			</div>
			<div class="shangwu same">
				<div>
					<div>
					<h3><a href="">行政管理</a></h3>
				    <p class="jbxx">项目持有人：朵唯科技有限公司<span>融资金额：20万元</span></p>
				    </div>
				    <button>投资</button>
				</div>
			</div>
		</div>
		<div class="right dtxm-fy">
			<h3>电子开发与应用项目</h3>
			<div class="dtxm-fy-xx">
				<p><span>项目所有人：</span>杰夫哈迪可是责任有限公司</p>
			    <p><span>项目形式：</span>寻求开发</p>
			    <p><span>项目分类：</span>电子</p>
			    <p><span>出让股份：</span>20%-25%</p>
			    <p><span>阶段发展：</span>发展期</p>
			    <p><span>融资额:</span>20万人民币</p>
			    <p><span>退出方式：</span>股权转让</p>
			    <p><span>项目发布时间：</span>2015年9月</p>
			</div>
			<img src="../img/gongsi.png">
			<p>大唐食代碳火烤肉避免以往满身烧烤味的的经历，消除夏天烤肉汗流夹背的苦恼，拒绝碳火烟熏火燎的场面，让你在华丽高雅的环境中享受美味的烤肉。</p>
			<p>  大唐食代内部环境融现代时尚感与传统艺术气息于一体，具有豪华的装修风格。令您心旷神怡。</p>
			<p>  烤肉设备采用科学的水处理炉具，及下排烟式排放管道，让您就餐之后身上无任何异味。</p>
			<p>  大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。</p>
			<p class="lxr">联系人：<span>张先生</span></p>
			<p>电话：<span>123456789</span></p>
			<p>邮件：<span>123@qq.com</span></p>
		</div>
		<div class="right tzxm">
			<div>
			    <img src="../img/center_bg.png">
			    <p>咖啡过滤项目</p>
				<p>你已投资100万人民币</p>
			</div>
			<div>
			    <img src="../img/center_bg.png">
			    <p>咖啡过滤项目</p>
				<p>你已投资90万人民币</p>
			</div>
			<div>
			    <img src="../img/center_bg.png">
			    <p>咖啡过滤项目</p>
				<p>你已投资80万人民币</p>
			</div>
			<div>
			    <img src="../img/center_bg.png">
			    <p>咖啡过滤项目</p>
				<p>你已投资70万人民币</p>
			</div>
			<div>
			    <img src="../img/center_bg.png">
			    <p>咖啡过滤项目</p>
				<p>你已投资60万人民币</p>
			</div>
		</div>
		<div class="right tzxm-fy">
			<h3>咖啡过滤项目</h3>
			<div class="tzxm-fy-xx">
				<p><span>项目所有人：</span>大唐食品有限公司</p>
			    <p><span>项目分类：</span>餐饮娱乐</p>
			    <p><span>阶段发展：</span>发展期</p>
			</div>
			<p>大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国</p>
			<p>际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰</p>
			<p>国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚</p>
			<p>大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼。</p>
			<p>业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，
            金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。</p>
            <p>大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。</p>
		</div>
		<div class="right ytxm">
			<div>
			    <img src="../img/center_bg.png">
			    <p>咖啡过滤项目</p>
				<p>已被投资</p>
			</div>
			<div>
			    <img src="../img/center_bg.png">
			    <p>咖啡过滤项目</p>
				<p>已被投资</p>
			</div>
			<div>
			    <img src="../img/center_bg.png">
			    <p>咖啡过滤项目</p>
				<p>已被投资</p>
			</div>
			<div>
			    <img src="../img/center_bg.png">
			    <p>咖啡过滤项目</p>
				<p>已被投资</p>
			</div>
			<div>
			    <img src="../img/center_bg.png">
			    <p>咖啡过滤项目</p>
				<p>已被投资</p>
			</div>
		</div>
		<div class="right ytxm-fy">
			<h3>咖啡过滤项目</h3>
			<div class="ytxm-fy-xx">
				<p><span>项目所有人：</span>大唐食品有限公司</p>
			    <p><span>项目分类：</span>餐饮娱乐</p>
			    <p><span>阶段发展：</span>发展期</p>
			</div>
			<p>大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国</p>
			<p>际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰</p>
			<p>国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚</p>
			<p>大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼。</p>
			<p>业面积413平方米，餐位172个，装修高档，环境时尚。大唐食代上海店，位于上海市静安区陕西北路278号，
            金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。</p>
            <p>大唐食代上海店，位于上海市静安区陕西北路278号，金鹰国际购物广场6楼，营业面积413平方米，餐位172个，装修高档，环境时尚。</p>
		</div>
	</div>
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		//投资项目、已投项目的鼠标移动事件
		$(".tzxm>div,.ytxm>div").mouseover(function(){
			$(this).children().stop().fadeIn();
		})
		$(".tzxm>div,.ytxm>div").mouseout(function(){
			$(this).children().stop().fadeOut();
		})
		$(".left_botton").children().eq(0).click(function(){
			$(".tzxm").css('display','block');
			$(".dtxm,.tzxm-fy,.dtxm-fy,.ytxm,.ytxm-fy").css('display','none');
			$(this).css({'border-left':'3px solid #96c720','background':'#f0f0f0'});
			$(this).siblings().css({'border':'none','background':'#fff'});
		})
		$(".tzxm>div").click(function(){
			$(".tzxm").css('display','none');
			$(".tzxm-fy").css('display','block');
		})
		//待投资项目
		$(".right_top").children().eq(1).click(function(){
			$(".same").css('display','block');
			$(this).css({'border-bottom':'3px solid #90c624','color':'#90c624'});
			$(this).siblings('p').css({'border':'none','color':'#000'});
		})
		$(".right_top").children().eq(2).click(function(){
			$(".dianzi").siblings().css('display','none');
			$(".dianzi,.right_top").css('display','block');
			$(this).css({'border-bottom':'3px solid #90c624','color':'#90c624'});
			$(this).siblings('p').css({'border':'none','color':'#000'});
		})
		$(".right_top").children().eq(3).click(function(){
			$(".canyin").siblings().css('display','none');
			$(".canyin,.right_top").css('display','block');
			$(this).css({'border-bottom':'3px solid #90c624','color':'#90c624'});
			$(this).siblings('p').css({'border':'none','color':'#000'});
		})
		$(".right_top").children().eq(4).click(function(){
			$(".shengwuxinxi").siblings().css('display','none');
			$(".shengwuxinxi,.right_top").css('display','block');
			$(this).css({'border-bottom':'3px solid #90c624','color':'#90c624'});
			$(this).siblings('p').css({'border':'none','color':'#000'});
		})
		$(".right_top").children().eq(5).click(function(){
			$(".shangwu").siblings().css('display','none');
			$(".shangwu,.right_top").css('display','block');
			$(this).css({'border-bottom':'3px solid #90c624','color':'#90c624'});
			$(this).siblings('p').css({'border':'none','color':'#000'});
		})
		$(".left_botton").children().eq(1).click(function(){
			$(".dtxm").css('display','block');
			$(".dtxm-fy,.tzxm,.tzxm-fy,.ytxm,.ytxm-fy").css('display','none');
			$(this).css({'border-left':'3px solid #96c720','background':'#f0f0f0'});
			$(this).siblings().css({'border':'none','background':'#fff'});
		})
		$(".same h3").click(function(){
			$(".dtxm").css('display','none');
			$(".dtxm-fy").css('display','block');
			return false;
		})
		//已投资项目
		$(".left_botton").children().eq(2).click(function(){
			$(".ytxm").css('display','block');
			$(".dtxm,.tzxm-fy,.dtxm-fy,.tzxm,.ytxm-fy").css('display','none');
			$(this).css({'border-left':'3px solid #96c720','background':'#f0f0f0'});
			$(this).siblings().css({'border':'none','background':'#fff'});
		})
		$(".ytxm>div").click(function(){
			$(".ytxm").css('display','none');
			$(".ytxm-fy").css('display','block');
		})
	})
</script>
</body>
</html>